<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Error {{.Data}} — a·muse</title>
		<link rel="stylesheet" href="/static/style/style.css" />
		<link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
		<link rel="apple-touch-icon" type="image/svg+xml" href="/static/img/logo.svg">
	</head>
	<body>
		<header class="w12 padding-bottom-_25 flex flex-row flex-justify-space flex-align-centre">
			<a href="/" class="decoration-none">
				<h1 class="inline valign-mid text sans margin-lr-1">a·muse</h1>
			</a>
		</header>
		<main class="margin-lr-1">
			<div class="font-2 w12 flex flex-centre margin-top-10">
				<div>
					<div class="centre sans">
						<span class="font-3">{{.Strings.Error.error}} {{.Data}}</span><br/>
						<span class="font-2 text-grey">{{.GetErrorData .Data "name"}}</span>
					</div>
					<div class="margin-top-10">
						<p>{{.GetErrorData .Data "quote"}}</p>
						<p class="indent-2 sans">—{{.GetErrorData .Data "character"}} (<span class="italic sans">{{.GetErrorData .Data "title"}}</span>)</p>
					</div>
					{{if eq .Data 401}}
					<div>
						<a href="/login" class="sans">{{.Strings.Global.login}}</a>
						—
						<a href="/signup" class="sans">{{.Strings.Global.signup}}</a>
					</div>
					{{end}}
				</div>
			</div>
		</main>
	</body>
</html>
